/* @media screen and (min-width:0\0) */

@charset'utf-8';
@import'../../open_scss/theme';
@import'../../open_scss/color';
@import'../../open_scss/model';
.sign {
    @include breakLine;
    width: 99%;
    overflow: hidden;
    padding-bottom: 4rem;
    .sign_in {
        overflow: hidden;
        display: inline-block;
        position: relative;
        vertical-align: top;
        box-shadow: 0 1px 6px 1px rgba($black, 0.3);
        width: 100%;
        margin-top: 1.5rem;
        min-height: 5rem;
        background-color: $white;
        margin-left: 0;
        @include comic(0.2);
        &.focus {
            margin-left: -100%;
        }
        a {
            text-shadow: 0 1px 5px black;
            color: $fontColor;
        }
        .inputform {
            min-height: 2rem;
            position: relative;
            width: 90%;
            padding: 2.5rem 5% 2rem 5%;
            height: 202px;
            overflow: hidden;
            @include breakLine;
            @include comic(0.2);
            &.focus {
                height: 288px;
                .inbox {
                    margin-left: -120%;
                }
            }
            .inbox, .upbox {
                @include comic(0.3);
                margin-left: 0;
                margin-right: 20%;
                display: inline-block;
                vertical-align: top;
                width: 100%;
            }
            .checkcode {
                margin-top: -20px;
                display: block;
                color: $themeColor;
                text-shadow: 0 1px 2px;
                &.focus {
                    color: $gray;
                }
            }
        }
        .readbox {
            position: relative;
            min-height: 3rem;
            background-color: $themeColor;
            padding: 2rem 5%;
            line-height: 2rem;
            font-size: 15px;
            .item {
                margin: .75rem 0;
            }
            .btn {
                right: 0;
                border-radius: 50%;
                width: 4rem;
                height: 4rem;
                background-color: $btnHover;
                border: 0;
                padding: 0;
                color: $fontColor;
                position: absolute;
                z-index: 998;
            }
            div.btn {
                box-shadow: 0 5px 15px 1px rgba($black, 0.8)!important;
                right: 1rem;
                top: -2rem;
                @include comic(0.3);
                &.focus {
                    top: 18rem;
                }
            }
        }
    }
}
